:root {
	--totalWid: 100vw;
}
html,
body {
	width: 100%;
}
/* 头部 */
header {
	width: 100%;
	height: 65px;
}
header .container {
	width: 1000px;
	height: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
header .container p {
	font-size: 12px;
	color: #8e8e8e;
}
header .container p a {
	color: #00bdff;
}
/* 主体 */
main {
	position: relative;
	width: 100%;
	height: 900px;
	background-color: #f3f5f8;
}
main .container {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 1000px;
	height: 675px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #fff;
}
main .container > div {
	margin: 0 auto;
	width: 422px;
}
main .container > div > p {
	position: relative;
	width: 420px;
	height: 30px;
	line-height: 30px;
	box-sizing: border-box;
	padding-left: 70px;
	background-color: #ed510a;
}
main .container > div > p i {
	position: absolute;
	top: 50%;
	left: 40px;
	transform: translateY(-50%);
	display: inline-block;
	width: 20px;
	height: 20px;

	background: url(../imgs/reg-gift.png) no-repeat center;
}
/* 表单内容 */
#getVerCode {
	position: absolute;
	top: 17px;
	right: -3px;
	width: 128px;
	height: 40px;
	background-color: #f3f5f8;
	border: 0;
}
#register a {
	color: #00bdff;
}
#register #agree {
	margin-top: 15px;
}
#register button {
	width: 420px;
	height: 50px;
	outline: none;
	border: 0;
	cursor: pointer;
}

#register span {
	font-size: 14px;
	color: red;
	display: none;
}
#register span.on {
	display: block;
}
